<%-- 
    Document   : index
    Created on : 02-may-2011, 21:38:49
    Author     : charly
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link href="styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div id="bg">

<div id="main">
<!-- header begins -->
<div id="header">
	<div id="img_lim"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
    <div id="bg_top">
    	<div id="text_top"><span class="tit_top">Tajin</span><br /><b>Pidela con Tajin!! </b>
            <%--<div class="read_top"><a href="#"><img src="images/but_read.gif" alt="" /></a></div>--%>
        </div>

    </div>
    <div id="buttons">
        <ul>
          <li class="first"><a href="#"  title="">Home</a></li>
          <li><a href="#" title="">Registro</a></li>
          <li><a href="#" title="">Nieves</a></li>
           <li><a href="#" title="">Paletas</a></li>
          <li><a href="#" title="">Cafe</a></li>
        </ul>
    </div>
</div>
<!-- header ends -->
    <div id="conttop"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
    <!-- content begins -->
    <div id="content">
    	<div id="razd">
        	<div id="left">
            	<h1>Nieves Arriñaga</h1>
            	<div class="text">
                	<img src="images/img1.jpg" width="134" height="93" class="img" alt=""  />
                	<span>Un poco de historia</span> <br />
					Sit amet, consectetur adipiscing elit. Nulla vestibulum gravida consequat. Donec tempor arcu ut justo commodo lobortis in sit amet
                    nulla. Cras sodales sagittis nisi at interdum. Nunc a nulla et arcu interdum suscipit vitae quis leo. Duis ullamcorper pharetra arcu, a dapibus dui viverra quis. Vivamus facilisis augue ac sem blandit eu scelerisque sem porta. Morbi id mauris eget orci...
                </div>
            	<div class="read"><a href="#"><img src="images/but_read1.gif" alt="" /></a></div><br />
                <div class="text">
                	<img src="images/img2.jpg" width="134" height="93" class="img" alt=""  />
                	<span>Sobre nuestros productos</span> <br />
					Sit amet, consectetur adipiscing elit. Nulla vestibulum gravida consequat. Donec tempor arcu ut justo commodo lobortis in sit amet
                    nulla. Cras sodales sagittis nisi at interdum. Nunc a nulla et arcu interdum suscipit vitae quis leo. Duis ullamcorper pharetra arcu, a dapibus dui viverra quis. Vivamus facilisis augue ac sem blandit eu scelerisque sem porta. Morbi id mauris eget orci...
                </div>
            	<div class="read"><a href="#"><img src="images/but_read1.gif" alt="" /></a></div>
          </div>
        	<div id="center">
            	<h1>Productos disponibles actualmente</h1>
                <div class="text"><span>Praesent fermentum ipsum scelerisque metus rhoncus eleifend at quis metus.</span> <br />
				Integer consequat molestie est non tincidunt. Sed eget sem metus, a suscipit nisl. Morbi accumsan mauris tempor nisi rutrum adipiscing. Sed non neque magna, eu euismod magna. Ut dignissim posuere sem, rhoncus pellentesque quam pretium a. Morbi commodo rhoncus orci, non venenatis neque posuere sed. Sed pulvinar purus non tellus aliquam luctus in nec purus. Duis luctus faucibus felis id consequat. Vivamus in augue nisl, ut iaculis leo. Mauris luctus pharetra rutrum. Quisque eget est ut eros semper ornare. Mauris hendrerit scelerisque libero eu lacinia. Nullam aliquam faucibus erat et cursus. Nullam et est arcu. Aliquam ultricies nisl in magna vestibulum vitae imperdiet arcu sodales. Cras a nibh sed nisl accumsan laoreet ut viverra justo. <br /><br />
                Donec ut lacus quis sapien tincidunt rutrum. Aliquam mattis elit ac enim adipiscing adipiscing varius urna vehicula. Mauris ut magna in eros mollis pharetra quis sit amet sem. Fusce commodo, metus vel pellentesque viverra, quam neque elementum lectus. <br /><br /><br />
                <%--<div class="dot"><span>Vivamus at erat sem, et tempus neque.</span></div>
                <div class="dot"><span>Sed in felis dolor, quis consequat magna.</span></div>
                <div class="dot"><span>In auctor odio id velit sagittis volutpat.</span></div>--%>
                </div>

            </div>
        	<div id="right">
            	<h1>Registro</h1>
                <ul>
                	<li><span class="dat"> </span><br /><span>NOMBRE:</span><br />
                            <span>PASSWORD:</span></br>
                    <div class="read"><a href="#"><img src="images/but_read.gif" alt="" /></a></div><br />
                    </li>
                    <li><span class="dat">Ultimos visitantes </span><br /><span>Lorem ipsum dolor.</span><br />
                    Sit amet, consectetur adipiscing elit. Sed nunc enim, fringilla et pulvinar sit amet, aliquam nec ante. Donec porta orci eu ligula pellentesque adipiscing. Fusce dapibus metus sit amet mi lobortis non varius purus fermentum. Pellentesque mattis ultrices nisi, eget adipiscing arcu posuere et. Aliquam sodales mauris nunc, et...
                    <div class="read"><a href="#"><img src="images/but_read1.gif" alt="" /></a></div>
                    </li>
                </ul><br /><br />
                <div class="text">
                    <%--<div class="dot"><span>Vivamus at erat sem, et tempus neque.</span></div>
                    <div class="dot"><span>Sed in felis dolor, quis consequat magna.</span></div>
                    <div class="dot"><span>In auctor odio id velit sagittis volutpat.</span></div>--%>
                </div>
            </div>
        	<div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
        </div>
    </div>
    <!-- content ends -->
    <!-- footer begins -->
    <div id="footer">
  Copyright  2011.  <a href="" title="Flash Templates"></a><br />
		<%--<a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></div>--%>
<!-- footer ends -->
</div>
</div>
    </body>
</html>
